<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>关于我们</title>
    <link rel="stylesheet" href="./about.css">
    <link rel="stylesheet" href="./bootstrap.css">
</head>

<body>
    <div class="box">
        <div class="top">
            <img src="./images/logo.png" alt="" class="logo1">

            <button class="btn btn-primary border-0 bg-transparent" type="button" data-bs-toggle="offcanvas"
                data-bs-target="#offcanvasWithBothOptions" aria-controls="offcanvasWithBothOptions"><img
                    src="./images/or.png" alt="" class="lo-op"></button>

            <div class="offcanvas offcanvas-end" data-bs-scroll="true" tabindex="-1" id="offcanvasWithBothOptions"
                aria-labelledby="offcanvasWithBothOptionsLabel">
                <div class="offcanvas-header">
                    <h5 class="offcanvas-title" id="offcanvasWithBothOptionsLabel"></h5>
                    <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
                </div>
                <div class="offcanvas-body">
                    <ul class="nav flex-column cebiannav mx-auto ">
                        <li class="nav-item">
                            <a class="nav-link text-black " aria-current="page" href="./index.html">网站首页</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link text-black active text-danger-emphasis"
                                href="#">关于我们</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link text-black" href="./consulting.html">公司资讯</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link text-black" href="#">美食展示</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link text-black" href="#">合作共赢</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link text-black" href="#">联系我们</a>
                        </li>
                    </ul>

                </div>
            </div>
        </div>

        <div class="table-box">
            <div class="tab-box">
                <div class="tab-head">
                    <div class="tab-head-div current">公司简介</div>
                    <div class="tab-head-div">企业文化</div>
                    <div class="tab-head-div">公司荣誉</div>
                    <div class="tab-head-div tab-head-r">董事长致辞</div>
                </div>
                <!--jkdjfk?-->
                <div class="tab-body">
                    <div class="tab-body-div current">
                        <p>
                            &nbsp;“蔡林记”字号始创于1928年。历经几代蔡林记人的创业拼搏，
                            蔡林记由单一的面馆发展为生产多样化特色小吃产品的餐饮品牌企业，
                            成为武汉市及荆楚大地家喻户晓的百年老字号小吃品牌。蔡林记热干面，
                            爽滑筋道，色泽油润，香而鲜美，未食而乡情浓浓，诱人食欲；
                            食之则香飘四溢，回味无穷。蔡林记热干面因此受到广大市民的赞赏，
                            一直享有“中华名小吃”的美誉，被评为“中国十大面条”。2011年，
                            蔡林记热干面制作技艺被列入“湖北省非物质文化遗产名录”。
                        </p>
                        <p>
                            &nbsp;&nbsp;上个世纪20年代末，第一家店在汉口满春路开张营业，
                            因门前两颗葱郁的大树，取名“蔡林记”，寓意生意兴隆，
                            财源茂盛。1955年，蔡林记由私营改造成公私合营企业，
                            店面扩大后生意蒸蒸日上。1966年起，蔡林记由公私合营转为国有国营，
                            公司的发展更上一层楼，每天烹制热干面可达1．2万人份。1995年，
                            蔡林记办理了品牌制品和服务类商标注册，热干面品种扩大为8个品种，
                            增加小吃品种达4大类40余种。
                        </p>
                        <p>
                            &nbsp;&nbsp;2008年后，蔡林记引入创新机制，依托自身品牌优势，传承中有创新，
                            扩大产业链，改变经营模式，位居行业前列。目前蔡林记在全国已发展门店100多家
                            ，门店遍布湖北省，并且覆盖了武汉的各大窗口。如机场、交通中心、
                            高铁站、火车站和具有武汉特色的核心商业街及大型综合商业体。同时蔡林记在河南、
                            山西、江西、山东等多省发展门店十余家，顾客慕名而来，受到广大消费者的赞誉。
                            蔡林记早在2013年就已经插上了“互联网+”的翅膀。吃饭付钱可以“刷”手机，
                            上团购网站可以享受更多实惠，不想出门的时候还可以用外卖App订餐，
                            实现线上线下的全渠道结合，产品、用户和交易都互联网化。
                        </p>
                        <p>
                            &nbsp;&nbsp;蔡林记与苏宁、盒马鲜生等进行战略合作，入驻苏宁小店与盒马鲜生，
                            开创湖北本土老字号与零售业态合作的新模式；同时与阿里巴巴口碑平台合作，
                            开起了无人智慧餐厅，全程自助线上点餐，大大节省了顾客等待时间，
                            顾客还可以提前预约，实现“人在路上，菜在锅里，来了就吃”，这也意味着，
                            武汉正式进入提前在线预约就餐的新过早时代。
                        </p>
                        <p>
                            &nbsp;&nbsp;蔡林记凭借百年积淀的文化底蕴，坚持“传承百年老字号，
                            创造精品蔡林记”的经营宗旨，承担起百年老字号新的使命，发展现代与传统融洽结合的战略模式，
                            打造一个多元化、规模化、现代化的美食王国，抒写着更为华丽的篇章！

                            <img src="./images/2-200525143I4a3.png" alt="">
                        </p>

                        <div class="four-bot">
                            <span>关注我们</span>
                            <div class="four-bot-pg">
                                <img src="./images/wx.png" alt="">
                                <img src="./images/qq.png" alt="">
                                <img src="./images/mo.png" alt="">
                            </div>
                            <span>Tel：4000-1717-79</span>
                        </div>

                    </div>
                    <!-- 第二版 -->
                    <div class="tab-body-div">
                        <table align="center" border="0" style="width: 512px; height: 452px" width="512">
                            <tbody>
                                <tr>
                                    <td class="STYLE2" height="30">
                                        愿&nbsp;&nbsp;&nbsp;&nbsp;景：</td>
                                </tr>
                                <tr>
                                    <td>
                                        &nbsp;&nbsp;&nbsp;&nbsp;<span class="STYLE4">让生活更美味，让人类更健康！</span></td>
                                </tr>
                                <tr>
                                    <td>
                                        &nbsp;</td>
                                </tr>
                                <tr>
                                    <td class="STYLE2" height="30">
                                        使&nbsp;&nbsp;&nbsp;&nbsp;命：</td>
                                </tr>
                                <tr>
                                    <td class="STYLE4">
                                        &nbsp;&nbsp;&nbsp;&nbsp;<span class="STYLE4">用味道锁住记忆</span></td>
                                </tr>
                                <tr>
                                    <td class="STYLE4">
                                        &nbsp;&nbsp;&nbsp;&nbsp;用品质弘扬传承</td>
                                </tr>
                                <tr>
                                    <td class="STYLE4">
                                        &nbsp;&nbsp;&nbsp;&nbsp;让热干面文化走向全国，传播世界！</td>
                                </tr>
                                <tr>
                                    <td>
                                        &nbsp;</td>
                                </tr>
                                <tr>
                                    <td class="STYLE2" height="30">
                                        核心价值观：</td>
                                </tr>
                                <tr>
                                    <td class="STYLE4">
                                        &nbsp;&nbsp;&nbsp;&nbsp;品质为企业根本</td>
                                </tr>
                                <tr>
                                    <td class="STYLE4">
                                        &nbsp;&nbsp;&nbsp;&nbsp;市场为企业导向</td>
                                </tr>
                                <tr>
                                    <td class="STYLE4">
                                        &nbsp;&nbsp;&nbsp;&nbsp;管理为企业基础</td>
                                </tr>
                                <tr>
                                    <td class="STYLE4">
                                        &nbsp;&nbsp;&nbsp;&nbsp;人才为企业命脉</td>
                                </tr>
                                <tr>
                                    <td>
                                        &nbsp;</td>
                                </tr>
                                <tr>
                                    <td class="STYLE2" height="30">
                                        宗&nbsp;&nbsp;&nbsp;&nbsp;旨：</td>
                                </tr>
                                <tr>
                                    <td class="STYLE4">
                                        &nbsp;&nbsp;&nbsp;&nbsp;知识改变命运，学习成就未来</td>
                                </tr>
                                <tr>
                                    <td class="STYLE4">
                                        &nbsp;&nbsp;&nbsp;&nbsp;勤劳带来收入，坚守促就成长</td>
                                </tr>
                                <tr>
                                    <td class="STYLE4">
                                        &nbsp;&nbsp;&nbsp;&nbsp;以优质的食材打造每一份精美的食品，</td>
                                </tr>
                                <tr>
                                    <td class="STYLE4">
                                        &nbsp;&nbsp;&nbsp;&nbsp;让你吃掉的是美食，留下的是情怀！</td>
                                </tr>
                            </tbody>
                        </table>
                        <div class="four-bot">
                            <span>关注我们</span>
                            <div class="four-bot-pg">
                                <img src="./images/wx.png" alt="">
                                <img src="./images/qq.png" alt="">
                                <img src="./images/mo.png" alt="">
                            </div>
                            <span>Tel：4000-1717-79</span>
                        </div>
                    </div>
                    <!-- 第三版 -->
                    <div class="tab-body-div">
                        <table align="center" border="0" cellspacing="1" width="84%">
                            <tbody>
                                <tr>
                                    <td height="36" width="24%">
                                        <span style="font-size: 16px"><strong>获奖时间</strong></span>
                                    </td>
                                    <td width="36%">
                                        <span style="font-size: 16px"><strong>奖 项 名 称</strong></span>
                                    </td>
                                    <td width="40%">
                                        <span style="font-size: 16px"><strong>授 奖 机 构</strong></span>
                                    </td>
                                </tr>
                                <tr height="30">
                                    <td>
                                        <span style="color: #333333"><span style="font-size: 14px">2002年8月</span></span>
                                    </td>
                                    <td>
                                        <span style="color: #333333"><span style="font-size: 14px">全国名优小吃</span></span>
                                    </td>
                                    <td>
                                        <span style="color: #333333"><span
                                                style="font-size: 14px">中国烹饪协会/中国食品行业协会</span></span>
                                    </td>
                                </tr>
                                <tr height="30">
                                    <td>
                                        <span style="color: #333333"><span style="font-size: 14px">2003年9月</span></span>
                                    </td>
                                    <td>
                                        <span style="color: #333333"><span
                                                style="font-size: 14px">中华特色面食金奖</span></span>
                                    </td>
                                    <td>
                                        <span style="color: #333333"><span
                                                style="font-size: 14px">太原国际面食节组委会</span></span>
                                    </td>
                                </tr>
                                <tr height="30">
                                    <td>
                                        <span style="color: #333333"><span style="font-size: 14px">2006年9月</span></span>
                                    </td>
                                    <td>
                                        <span style="color: #333333"><span style="font-size: 14px">最佳汉味小吃</span></span>
                                    </td>
                                    <td>
                                        <span style="color: #333333"><span style="font-size: 14px">武汉市商务局</span></span>
                                    </td>
                                </tr>
                                <tr height="30">
                                    <td>
                                        <span style="color: #333333"><span style="font-size: 14px">2010年4月</span></span>
                                    </td>
                                    <td>
                                        <span style="color: #333333"><span style="font-size: 14px">中华名小吃</span></span>
                                    </td>
                                    <td>
                                        <span style="color: #333333"><span style="font-size: 14px">中国烹饪协会</span></span>
                                    </td>
                                </tr>
                                <tr height="30">
                                    <td>
                                        <span style="color: #333333"><span style="font-size: 14px">2011年6月</span></span>
                                    </td>
                                    <td>
                                        <span style="color: #333333"><span style="font-size: 14px">武汉老字号</span></span>
                                    </td>
                                    <td>
                                        <span style="color: #333333"><span style="font-size: 14px">武汉市商务局</span></span>
                                    </td>
                                </tr>
                                <tr height="30">
                                    <td>
                                        <span style="color: #333333"><span style="font-size: 14px">2011年2月</span></span>
                                    </td>
                                    <td>
                                        <span style="color: #333333"><span style="font-size: 14px">金牌门店</span></span>
                                    </td>
                                    <td>
                                        <span style="color: #333333"><span style="font-size: 14px">武汉市商务局</span></span>
                                    </td>
                                </tr>
                                <tr height="30">
                                    <td>
                                        <span style="color: #333333"><span style="font-size: 14px">2011年6月</span></span>
                                    </td>
                                    <td>
                                        <span style="color: #333333"><span
                                                style="font-size: 14px">湖北省非物质文化遗产</span></span>
                                    </td>
                                    <td>
                                        <span style="color: #333333"><span
                                                style="font-size: 14px">湖北省政府及湖北省文化厅</span></span>
                                    </td>
                                </tr>
                                <tr height="30">
                                    <td>
                                        <span style="color: #333333"><span
                                                style="font-size: 14px">2012年12月</span></span>
                                    </td>
                                    <td>
                                        <span style="color: #333333"><span
                                                style="font-size: 14px">参加《天天向上》“国民早餐”特辑</span></span>
                                    </td>
                                    <td>
                                        <span style="color: #333333"><span style="font-size: 14px">湖南卫视</span></span>
                                    </td>
                                </tr>
                                <tr height="30">
                                    <td>
                                        <span style="color: #333333"><span style="font-size: 14px">2013年3月</span></span>
                                    </td>
                                    <td>
                                        <span style="color: #333333"><span
                                                style="font-size: 14px">武汉市非物质文化遗产项目生产性保护师范基地</span></span>
                                    </td>
                                    <td>
                                        <span style="color: #333333"><span
                                                style="font-size: 14px">湖北省政府及湖北省文化厅</span></span>
                                    </td>
                                </tr>
                                <tr height="30">
                                    <td>
                                        <span style="color: #333333"><span style="font-size: 14px">2013年6月</span></span>
                                    </td>
                                    <td>
                                        <span style="color: #333333"><span
                                                style="font-size: 14px">湖北十大特色餐饮名店</span></span>
                                    </td>
                                    <td>
                                        <span style="color: #333333"><span
                                                style="font-size: 14px">首届华中旅游网络博览组委</span></span>
                                    </td>
                                </tr>
                                <tr height="30">
                                    <td>
                                        <span style="color: #333333"><span style="font-size: 14px">2013年6月</span></span>
                                    </td>
                                    <td>
                                        <span style="color: #333333"><span
                                                style="font-size: 14px">中国十大面条名店</span></span>
                                    </td>
                                    <td>
                                        <span style="color: #333333"><span style="font-size: 14px">中国饭店协会</span></span>
                                    </td>
                                </tr>
                                <tr height="30">
                                    <td>
                                        <span style="color: #333333"><span style="font-size: 14px">2013年9月</span></span>
                                    </td>
                                    <td>
                                        <span style="color: #333333"><span style="font-size: 14px">优秀老字号企业</span></span>
                                    </td>
                                    <td>
                                        <span style="color: #333333"><span style="font-size: 14px">武汉市商务局</span></span>
                                    </td>
                                </tr>
                                <tr height="30">
                                    <td>
                                        <span style="color: #333333"><span style="font-size: 14px">2014年2月</span></span>
                                    </td>
                                    <td>
                                        <span style="color: #333333"><span
                                                style="font-size: 14px">湖北省餐饮服务食品安全示范单位</span></span>
                                    </td>
                                    <td>
                                        <span style="color: #333333"><span
                                                style="font-size: 14px">湖北省食品药品监督管理局</span></span>
                                    </td>
                                </tr>
                                <tr height="30">
                                    <td>
                                        <span style="color: #333333"><span
                                                style="font-size: 14px">2014年11月</span></span>
                                    </td>
                                    <td>
                                        <span style="color: #333333"><span style="font-size: 14px">湖北省著名商标</span></span>
                                    </td>
                                    <td>
                                        <span style="color: #333333"><span
                                                style="font-size: 14px">湖北省工商行政管理局</span></span>
                                    </td>
                                </tr>
                                <tr height="30">
                                    <td>
                                        <span style="color: #333333"><span
                                                style="font-size: 14px">2014年12月</span></span>
                                    </td>
                                    <td>
                                        <span style="color: #333333"><span style="font-size: 14px">湖北老字号</span></span>
                                    </td>
                                    <td>
                                        <span style="color: #333333"><span style="font-size: 14px">湖北省商务厅</span></span>
                                    </td>
                                </tr>
                                <tr height="30">
                                    <td>
                                        <span style="color: #333333"><span
                                                style="font-size: 14px">2014年12月</span></span>
                                    </td>
                                    <td>
                                        <span style="color: #333333"><span style="font-size: 14px">中国小吃名店</span></span>
                                    </td>
                                    <td>
                                        <span style="color: #333333"><span style="font-size: 14px">中国饭店协会</span></span>
                                    </td>
                                </tr>
                                <tr height="30">
                                    <td>
                                        <span style="color: #333333"><span style="font-size: 14px">2016年4月</span></span>
                                    </td>
                                    <td>
                                        <span style="color: #333333"><span
                                                style="font-size: 14px">中国十佳老字号餐饮品牌</span></span>
                                    </td>
                                    <td>
                                        <span style="color: #333333"><span style="font-size: 14px">中国饭店协会</span></span>
                                    </td>
                                </tr>
                                <tr height="30">
                                    <td>
                                        <span style="color: #333333"><span style="font-size: 14px">2016年4月</span></span>
                                    </td>
                                    <td>
                                        <span style="color: #333333"><span style="font-size: 14px">中华老味道</span></span>
                                    </td>
                                    <td>
                                        <span style="color: #333333"><span style="font-size: 14px">中国饭店协会</span></span>
                                    </td>
                                </tr>
                                <tr height="30">
                                    <td>
                                        <span style="color: #333333"><span style="font-size: 14px">2016年9月</span></span>
                                    </td>
                                    <td>
                                        <span style="color: #333333"><span style="font-size: 14px">中国十大名面</span></span>
                                    </td>
                                    <td>
                                        <span style="color: #333333"><span
                                                style="font-size: 14px">CCTV，中国烹饪协会</span></span>
                                    </td>
                                </tr>
                                <tr height="30">
                                    <td>
                                        <span style="color: #333333"><span
                                                style="font-size: 14px">2017年11月</span></span>
                                    </td>
                                    <td>
                                        <span style="color: #333333"><span style="font-size: 14px">中轻万花杯金奖</span></span>
                                    </td>
                                    <td>
                                        <span style="color: #333333"><span
                                                style="font-size: 14px">中国轻工业联合会</span></span>
                                    </td>
                                </tr>
                                <tr height="30">
                                    <td>
                                        <span style="color: #333333"><span
                                                style="font-size: 14px">2017年12月</span></span>
                                    </td>
                                    <td>
                                        <span style="color: #333333"><span
                                                style="font-size: 14px">中国十大名小吃代表品牌企业</span></span>
                                    </td>
                                    <td>
                                        <span style="color: #333333"><span style="font-size: 14px">中国烹饪协会</span></span>
                                    </td>
                                </tr>
                                <tr height="30">
                                    <td>
                                        <span style="color: #333333"><span style="font-size: 14px">2018年3月</span></span>
                                    </td>
                                    <td>
                                        <span style="color: #333333"><span
                                                style="font-size: 14px">湖北最受欢迎连锁餐厅</span></span>
                                    </td>
                                    <td>
                                        <span style="color: #333333"><span
                                                style="font-size: 14px">湖北省烹饪酒店行业协会</span></span>
                                    </td>
                                </tr>
                                <tr height="30">
                                    <td>
                                        <span style="color: #333333"><span style="font-size: 14px">2018年5月</span></span>
                                    </td>
                                    <td>
                                        <span style="color: #333333"><span style="font-size: 14px">改革开放40年
                                                老字号新辉煌企业</span></span>
                                    </td>
                                    <td>
                                        <span style="color: #333333"><span style="font-size: 14px">中国烹饪协会</span></span>
                                    </td>
                                </tr>
                                <tr height="30">
                                    <td>
                                        <span style="color: #333333"><span
                                                style="font-size: 14px">2018年12月</span></span>
                                    </td>
                                    <td>
                                        <span style="color: #333333"><span
                                                style="font-size: 14px">中国餐饮品牌力百强品牌</span></span>
                                    </td>
                                    <td>
                                        <span style="color: #333333"><span
                                                style="font-size: 14px">中国餐饮品牌力峰会委员会</span></span>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        <div class="four-bot">
                            <span>关注我们</span>
                            <div class="four-bot-pg">
                                <img src="./images/wx.png" alt="">
                                <img src="./images/qq.png" alt="">
                                <img src="./images/mo.png" alt="">
                            </div>
                            <span>Tel：4000-1717-79</span>
                        </div>
                    </div>
                    <!-- 第四版 -->
                    <div class="tab-body-div">
                        <div class="news_fl">
                            <table align="center" border="0" width="100%">
                                <tbody>
                                    <tr>
                                        <td height="30">
                                            <strong><span style="font-size: 18px"><span><span
                                                            class="STYLE1">董事长致辞：</span></span></span></strong>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <p>
                                                <span style="color: #333333"><span
                                                        style="font-size: 14px">蔡林记是极富地域性的老字号品牌，百年来流传于武汉的大街小巷。</span></span>
                                            </p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <p>
                                                <span style="color: #333333"><span
                                                        style="font-size: 14px">一道江城的特色风景线，一段流传于武汉百年的美味传奇，一笔巨大的无形资产，一项被列入省级首批非物质文化遗产目录的瑰宝，这就是我们武汉人的蔡林记。作为一个名优餐饮企业，蔡林记承载着江城老字号太多的弥足珍贵的饮食文化。荆楚大地、江城气息、汉腔楚调，江城的许多记忆伴随着老字号蔡林记而穿越时空。自上世纪20年代创立至今，蔡林记人不断谱写着新的篇章，创造新的辉煌。</span></span>
                                            </p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <p>
                                                <span style="color: #333333"><span
                                                        style="font-size: 14px">我公司身处行业先行者的位置，肩负着弘扬武汉美食文化的重任。公司坚决贯彻“品质为企业根本，市场为企业导向，管理为企业基础，人才为企业命脉”的经营理念，立志做中国有发展力的老字号。我们相信，在蔡林记未来的发展中，团结奋进的蔡林记人以老字号食品为基础，以创新和求实为目标，以做好中华食品为宗旨，传承蔡林记的百年基业。</span></span>
                                            </p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <p>
                                                <span style="color: #333333"><span
                                                        style="font-size: 14px">作为领导关怀、百姓喜爱的百年老字号，现今的蔡林记，依托自身的品牌优势，逐渐从传统经验管理向制度化、现代化管理迈进。在保持独特性、创新性的同时，蔡林记正以宽广的胸怀、昂扬的斗志承担起百年老字号新的使命，打造成为一个多元化、规模化、现代化的美食王国。</span></span>
                                            </p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <p>
                                                <span style="color: #333333"><span
                                                        style="font-size: 14px">百年老字号，盛世蔡林记。</span></span>
                                            </p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <p>
                                                <span style="color: #333333"><span
                                                        style="font-size: 14px">晨钟催醒巍巍江城，东方朝日正在升腾，长江汉水春潮滚滚，扬起新的时代精神。让莽莽龟蛇铭记，让白云黄鹤作证，用我们的满腔热情和自强不息的进取精神开创蔡林记更美好的明天。</span></span>
                                            </p>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>

                        </div>

                        <div class="four-bot">
                            <span>关注我们</span>
                            <div class="four-bot-pg">
                                <img src="./images/wx.png" alt="">
                                <img src="./images/qq.png" alt="">
                                <img src="./images/mo.png" alt="">
                            </div>
                            <span>Tel：4000-1717-79</span>
                        </div>
                    </div>



                </div>



            </div>



        </div>




        <script>
            // 获取标签栏的所有标签元素对象
            var tabs = document.getElementsByClassName('tab-head-div');
            // 获取标签栏的所有内容对象
            var divs = document.getElementsByClassName('tab-body-div');
            for (var i = 0; i < tabs.length; ++i) { // 遍历标签部分的元素对象
                tabs[i].onclick = function () { // 为标签元素对象添加鼠标滑过事件
                    for (var i = 0; i < divs.length; ++i) { // 遍历标签栏的内容元素对象
                        if (tabs[i] == this) { // 显示当前鼠标滑过的li元素
                            divs[i].classList.add('current');
                            tabs[i].classList.add('current');
                        } else { // 隐藏其他li元素
                            divs[i].classList.remove('current');
                            tabs[i].classList.remove('current');
                        }
                    }
                };
            }

        </script>
        <script src="./bootstrap.bundle.js"></script>
    </div>
</body>

</html>